<!-- 渲染进程 -->
<!-- https://www.npmjs.com/ -->
<!-- https://www.electronjs.org/docs -->
<!-- https://v3.bootcss.com/css/ -->
<!-- https://www.w3cschool.cn/jsref/ -->
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Hello Electron!</title>
    <link rel="stylesheet" href="./common/css/bootstrap.min.css">
    <link rel="stylesheet" href="./common/css/docs.min.css">
    <link rel="stylesheet" href="./common/css/patch.css">
    <link rel="stylesheet" href="./common/css/signin.css">
    <link rel="stylesheet" href="index.css">
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-xs-offset-2 col-xs-10">
                <h1>💖 Hello Electron! 💖</h1>
                <p class="lead">Welcome to your Electron application.</p>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <form id="input-form" class="form-horizontal">
                    <div class="form-group">
                        <label for="content" class="col-xs-2 control-label">获取内容展示</label>
                        <div class="col-xs-8">
                            <textarea class="form-control text-json" id="content" name="content" draggable="false" rows="15"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-offset-2 col-xs-10">
                            <button type="button" id="btn" class="btn btn-success">获取test.json内容</button>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="content" class="col-xs-2 control-label">复制内容</label>
                        <div class="col-xs-8">
                            <p class="form-control-static">voishion@foxmail.com</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="content" class="col-xs-2 control-label">粘贴内容</label>
                        <div class="col-xs-8">
                            <input type="text" class="form-control" placeholder="粘贴内容">
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <hr>
                <h3>进程通信</h3>
                <p>Electron主进程和渲染进程的通信</p>
                <a href="#" class="btn btn-default" role="button" id="sendMsg">渲染进程给主进程发送消息（异步）</a>        
                <a href="#" class="btn btn-primary" role="button" id="sendMsgReplay">渲染进程给主进程发送消息，主进程给渲染进程反馈消息（异步）</a>
                <a href="#" class="btn btn-success" role="button" id="sendMsgSync">渲染进程和主进程通信（同步）</a>
            </div>
        </div>
    </div>
    <div class="tool-buttons text-center footer">
        <hr>
        <a href="modules/notepad/notepad.html" class="btn btn-default" role="button">记事本</a>        
        <a href="#" class="btn btn-primary" role="button" id="remoteNews">Remote新闻</a>
        <a href="https://gitee.com/" type="shell-1" class="btn btn-success" role="button">Gitee[浏览器打开]</a>
        <a href="/Users/voishion/work" type="shell-2" class="btn btn-info" role="button">资源管理器</a>
        <a href="modules/iframe/iframe.html" class="btn btn-warning" role="button">iframe</a>
        <a href="modules/dialog/dialog.html" class="btn btn-danger" role="button">Dialog</a>
    </div>
</body>
<script src="./common/js/render.js"></script>
</html>